﻿@model EventSys.BussinesEntities.Participante

@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!-- ################################################################# -->
<script type="text/javascript">

    $(function () {

        $("#idPais").change(function () {
            //alert('Cambiaste el combo = ' + $("#idPais").val());
            LoadDepartamento($(this).val());
            LoadProvincias($(idDepartamento).val());
        });

        $("#idDepartamento").change(function () {
            //alert('Cambiaste el combo = ' + $("#idDepartamento").val());
            LoadProvincias($(idDepartamento).val());
        });
    });

    /**************Este es para los DEPARTAMENTOS *********/
    function LoadDepartamento(id) {
        var dd = document.getElementById("idDepartamento");
        dd.options.length = 0;
        dd.options[0] = new Option("Espere...");
        dd.selectedIndex = 0;
        dd.disabled = true;

        // Control de errores
        $("#idDepartamento").ajaxError(function (event, request, settings) {
            dd.options[0] = new Option("Seleccione un Departamento");
        });

        // Obtenemos los datos...
        $.getJSON(
                '@Url.Action("../Participante/getServiceHijosByIdUbigeoRJSON")', // URL a la acción
					{ idUbigeoR: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
					    $.each(data, function (i, item) {
					        dd.options[i] = new Option(item.label, item.value);
					    });
					    dd.disabled = false;
					});
        }

        // ******************* Esto es para las PROVINCIAS ********************
        function LoadProvincias(id) {
            var dd = document.getElementById("IdUbigeo");

            dd.options.length = 0;
            dd.options[0] = new Option("Espere...");
            dd.selectedIndex = 0;
            dd.disabled = true;

            // Control de errores
            $("#IdUbigeo").ajaxError(function (event, request, settings) {
                dd.options[0] = new Option("Seleccione una Provincia");
            });

            // Obtenemos los datos...
            $.getJSON(
					'@Url.Action("../Participante/getServiceHijosByIdUbigeoRJSON")', // URL a la acción
					{ idUbigeoR: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
					    $.each(data, function (i, item) {
					        dd.options[i] = new Option(item.label, item.value);
					    });
					    dd.disabled = false;
					});
        }

</script>

<h2>Editar Participante</h2>

@*@using (Html.BeginForm()) {*@

@using (Html.BeginForm("Edit", "Participante", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Participante</legend>

        <div class="editor-field">
            @Html.HiddenFor(model => model.idParticipante)
            @Html.ValidationMessageFor(model => model.idParticipante)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.CodigoUpn)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CodigoUpn)
            @Html.ValidationMessageFor(model => model.CodigoUpn)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.DNI)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.DNI)
            @Html.ValidationMessageFor(model => model.DNI)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Nombres)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Nombres)
            @Html.ValidationMessageFor(model => model.Nombres)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Apellidos)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Apellidos)
            @Html.ValidationMessageFor(model => model.Apellidos)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Profesion)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Profesion)
            @Html.ValidationMessageFor(model => model.Profesion)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.CentroEstudios)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CentroEstudios)
            @Html.ValidationMessageFor(model => model.CentroEstudios)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Grado)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Grado)
            @Html.ValidationMessageFor(model => model.Grado)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Email)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Email)
            @Html.ValidationMessageFor(model => model.Email)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Direccion)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Direccion)
            @Html.ValidationMessageFor(model => model.Direccion)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Telefono)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Telefono)
            @Html.ValidationMessageFor(model => model.Telefono)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Cargo)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Cargo)
            @Html.ValidationMessageFor(model => model.Cargo)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.CentroLaboral)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CentroLaboral)
            @Html.ValidationMessageFor(model => model.CentroLaboral)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.IdUbigeo)
        </div>
        <div class="editor-field">
            @Html.DropDownList("idPais")
            @Html.DropDownList("idDepartamento")
            @Html.DropDownList("IdUbigeo")
            @Html.ValidationMessageFor(model => model.IdUbigeo)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.ExperienciaLaboral)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ExperienciaLaboral)
            @Html.ValidationMessageFor(model => model.ExperienciaLaboral)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.GradosyCertificaciones)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.GradosyCertificaciones)
            @Html.ValidationMessageFor(model => model.GradosyCertificaciones)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Especializaciones)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Especializaciones)
            @Html.ValidationMessageFor(model => model.Especializaciones)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Publicaciones)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Publicaciones)
            @Html.ValidationMessageFor(model => model.Publicaciones)
        </div>

        @*        <div class="editor-label">
            @Html.LabelFor(model => model.Contraseña)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Contraseña)
            @Html.ValidationMessageFor(model => model.Contraseña)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.confirPass)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.confirPass)
            @Html.ValidationMessageFor(model => model.confirPass)
        </div>*@


        <div>@*style="float:left"*@
            <h3>Foto</h3>

            @if (Model.foto != null)
            { 
                <div style="margin-right: 20px">@**@
                    <img width="75" height="75" src="@Url.Action("GetImage", "Participante", new { id = Model.idParticipante })" />
                </div> 
            }
            <input type="file" name="image" id="image" />
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
